Skip to content

UI updates#13

Open
escapecode wants to merge 2 commits intoaibosan:masterfrom
escapecode:escapeUI
Open

UI updates#13
escapecode wants to merge 2 commits intoaibosan:masterfrom
escapecode:escapeUI

Conversation

@escapecode
Copy link

I have been making changes to the look of the UI, and think that others can benefit from these changes. These changes are pretty much like a UI theme, so put them in a branch. Please consider merging this branch in with the master.

Also note that there are a few changes to the manual HTML and CSS files. If you plan on merging this branch, I am happy to include a complete updated manual.

Thanks for the great tool.

escapecode added 2 commits August 15, 2019 14:31
This is one large commit based on the UI changes I use.  Future commits will be more granular.

This commit's changes only affect the UI look and feel, and not back end functions or logic.

* animate elements have sub icons to show which type of animate element used
* more descriptive menu wording
* more descriptive icons (e.g. fingerprint icon didn't, give you a visual of what it does)
* icons that change depending if branch or leaf use the same icon.  There is already open/collapse buttons for branches.  I plan to use different icon colors to represent hidden and notes, so don't want another state that might be confusing
* zoom in and zoom out buttons added
* play button mostly working.  Still more work needed
* seek and jump buttons added to timeline buttons (seek increments depending on play/pause state not addressed yet)
* frame seek buttons moved to top with other timeline buttons
* help manual text updates
* Timeline and it's circle marker are now blue so as to be more prominent
* Help menu now has a Toggle Event Log option
* Some icon images were changed to be more descriptive
* Zoom buttons were rearranged to be more inline with the timeline buttons
* The main UI button bar was rearranged  to be in a more natural progression as to when a user would use that button
* Button groups are spaced apart without using a divider symbol.  This unclutters the UI, and should make it easier to visually jump to a button group
The manual.html file is going to have more text changes shortly. with a new commit.  This commit is being made now, since it's file changes can be used outside of this branch.  Future modifications to manual.html in this branch will be more drastically changed with updated graphics to coincide with this branch's new UI.

Changes in this commit include:
* CSS was modified to using transition animations for aside
* nav TOC was removed since it was duplicitous to aside.  Also, removing nav TOC makes landing area more aesthetically pleasing.
* Text was updated in some sections
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant